@base-color:#45A2FF;
.easytrip-porductcontent{
  width: 16.3rem;
  height: 9.6rem;
  float: left;
  background-color: #fff;
  margin-left: .1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  //头部样式
  .easytrip-productheader{
    width: 100%;
    height: .8rem;
    position: relative;
    line-height: .8rem;
    box-sizing: border-box;
    .hotelname{
      font-size: .16rem;
      color: #2a2a2a;
      float: left;
      margin-left:.1rem;
    }
    input{
      width: 4.2rem;
      height: .4rem;
      float: left;
      border:1px solid #e1e1e1;
      border-radius: 3px;
      margin-top: .2rem;
      font-size:.16rem;
      color: #999;
      padding-left: .1rem;
      box-sizing: border-box;
    }
    i{
      width: .4rem;
      height: .4rem;
      color: #a2a3a4;
      background: url("../images/search.png");
      background-size: cover;
      background-position: center center;
      background-color: #e7eef4;
      position: absolute;
      top:.2rem;
      left:4.69rem;
      font-size:.3rem;
    }
    .hysearch{
      font-size: .16rem;
      color: #818181;
      float: left;
      margin-left:.2rem;
      margin-right:4.87rem;
    }
    ul{
      .platform{
        color: #2a2a2a;
      }
      li{
        font-size: .16rem;
        color: #45A2FF;
        float: left;
        margin:0 .1rem;
      }
    }
  }
  //选择框
  .easytrip-hotelselect{
    width: 16.08rem;
    height: 2.4rem;
    border:1px solid #e1e1e1;
    padding: 0 .3rem;
    box-sizing: border-box;
    .layui-row{
      height: .6rem;
      line-height: .6rem;
      font-size:.16rem;
      .layui-col-xs3{
        box-sizing: content-box;
        .product-active{
          color: @base-color;
        }
      }
    }
    //选择框底部
    .hotelselect-footer{
      .selectresult{
        float: left;
        font-size:.16rem;
        color: #727272;
      }
      //第一个分页样式
      #hotelselect-paging{
        float: right;
        margin-right: .3rem;
        font-size:.14rem;
        .layui-laypage a, .layui-laypage span{
          text-align: center;
          padding: 0;
          width: .4rem;
          height:.36rem;
          line-height: .36rem;
          color: @base-color;
        }
        .layui-laypage button, .layui-laypage input{
          height:.36rem;
          line-height: .36rem;
          width: .4rem;
          padding: 0;
          color: @base-color;
        }
        .layui-laypage .layui-laypage-skip{
          width: auto;
        }
      }
    }
  }
//  价格日历
  .easytrip-pricecalendar{
    width: 16.08rem;
    height: 4.64rem;
    box-sizing: border-box;
    margin-top: .2rem;
    border:1px solid #e1e1e1;
    border-bottom: 0;
    .calendarheader{
      background-color: #e7eef4;
      width: 100%;
      height: .6rem;
      font-size:.14rem;
      div{
        display:inline-block;
        line-height: .6rem ;
        box-sizing: border-box;
        float: left;
      }
      .roomstyle-fix,.roomstyle-sale{
        width: 2.4rem;
      }
      .roomestyle-date{
        width:1.4rem;
        text-align: center;
      }
      .roomstyle-operation{
        padding-left:.5rem;
      }
    }
    .calendarcontent{
      width: 100%;
      height: 1rem;
      font-size: .14rem;
      border-bottom: 1px solid #e1e1e1;
      //日历中的hover样式
      .roomestyle-date:hover{
        border-radius: .03rem;
        box-shadow: 0 0 .1rem #ffdda8;
      }
      div{
        float: left;
        display:inline-block;
        box-sizing: border-box;
        height:1rem;
        span{
          margin-top:.5rem;
        }
      }
      .roomstyle-fix,.roomstyle-sale{
        width: 2.4rem;
        padding-top:.2rem;
        a{
          color: @base-color;
          margin-top: .2rem;
        }
        .span{
          margin-bottom:.1rem;
        }
        .roomstyle-delete{
          color: #ff7476;
        }
      }
      .roomestyle-date{
        width:1.4rem;
        text-align: center;
        position: relative;
        padding-top: .29rem;
        i{
          position: absolute;
          color: #ed3739;
          top:.1rem;
          right:.2rem;
        }
      }
      .roomstyle-operation{
        text-align: center;
        line-height: 1rem;
        padding-left: .4rem;
        a{
          color: @base-color;
        }
      }
    }

  }
  #calendar-paging{
    margin-left:5.36rem;
    margin-top:.5rem;
    font-size:.14rem;
    box-sizing: border-box;
    .layui-laypage a, .layui-laypage span{
      text-align: center;
      padding: 0;
      width: .4rem;
      height:.36rem;
      line-height: .36rem;
      color: @base-color;
      box-sizing: border-box;
    }
    .layui-laypage button, .layui-laypage input{
      height:.36rem;
      line-height: .36rem;
      width: .4rem;
      padding: 0;
      color: @base-color;
    }
    .layui-laypage .layui-laypage-skip{
      width: auto;
      margin-left:.6rem;
    }
    .layui-laypage select {
      height: .36rem;
      padding: 3px;
      width: 1rem;
      box-sizing: border-box;
    }
    .layui-laypage-count{
      width:auto!important;
    }
  }
  .easytrip-footer{
    border-top:1px solid #e1e1e1;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    font-size:.18rem;
    color: #4f4f4f;
  }
}